<template>
  <div id="scroll-board">
    <div class="scroll-board-title">周转编制回收记录</div>
    <dv-scroll-board :config="config" />
  </div>
</template>

<script>
export default {
  name: 'ScrollBoard',
  data () {
    return {
      config: {
        header: ['单位名称', '人员姓名', '入编登记时间', '回收时间'],
        data: [
          ['南宁市第二十四中学', '胡天', '2021-12-07', '2021-12-08'],
          ['南宁市第二十四中学', '吴时宇', '2021-12-07', '2021-12-08'],
          ['南宁市第二十四中学', '陈易友', '2021-12-07', '2021-12-08'],
          ['南宁市第二十四中学', '宋静', '2021-12-07', '2021-12-08'],
          ['南宁市第二十四中学', '彭宇', '2021-12-07', '2021-12-08'],
          ['柳州市第一中学', '李希', '2021-11-16', '2021-12-08'],
          ['柳州市第一中学', '陈柳', '2021-11-16', '2021-12-09'],
          ['柳州市第九中学', '蒋小琼', '2021-04-27', '2022-01-13'],
          ['柳州市钢一中学', '陈文姬', '2020-12-27', '2022-01-17'],
          ['柳州市第六中学', '刁彭宇', '2021-12-21', '2022-01-18'],
          ['柳州高级中学', '陈琴', '2021-12-30', '2022-01-28'],
          ['柳州高级中学', '王昆', '2021-12-30', '2022-01-28'],
          ['柳州高级中学', '赵梓航', '2021-12-30', '2022-01-28'],
          ['柳州高级中学', '陆俊安', '2021-12-30', '2022-01-28']
        ],
        index: true,
        columnWidth: [50, 320, 120, 140, 100],
        align: ['center'],
        rowNum: 7,
        headerBGC: '#012366',
        headerHeight: 45,
        oddRowBGC: 'rgba(0, 44, 81, 0.8)',
        evenRowBGC: 'rgba(10, 29, 50, 0.8)'
      }
    }
  }
}
</script>

<style lang="scss">
#scroll-board {
  width: 100%;
  box-sizing: border-box;
  height: calc(50% - 15px);
  background-color: rgba(1, 35, 102, 0.8);
  //background-color: #012366;
  border-radius: 20px;
  overflow: hidden;

  .scroll-board-title {
    font-weight: bold;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 18px;
    justify-content: center;
  }
}
</style>
